<template>
  <div>
    <!-- <div v-bind:class={active:isActive}>123</div> -->

    <!-- <div v-bind:class=[msg,name]>123</div> -->

    <!-- <div v-bind:class=[isActive?msg:name]>123</div> -->

    <!-- <div v-bind:style="styobj">style</div> -->

    <!-- <div v-bind:style="[stybackcolor,stycolor]">style数组</div> -->

    <!-- <input type="radio" name="gender" value="男" v-model="radiomdl" />---男
    <input type="radio" name="gender" value="女" v-model="radiomdl" />
    ---女
    {{ radiomdl }}
    <br />

    <input type="checkbox" v-model="checked" />
    {{ checked }}
    <br />

    <input type="checkbox" value="篮球" v-model="checkboxname" />
    <input type="checkbox" value="足球" v-model="checkboxname" />
    <input type="checkbox" value="跑步" v-model="checkboxname" />
    {{ checkboxname }}-->

    <!-- 传入静态prop -->
    <!-- <V11092 plan="planaaaaa" theName="autoclkaaaa" /> -->
    <!-- 传入动态prop -->
    <!-- <V11092 :plan="plan" :theName="theName" @click="autoclk" />
    <br>
    {{one}}--{{two}}-->

    <!-- prop验证 -->
    <!-- <V11092 :names="nameObj.name" /> -->
    <V11092>
      <div>
        1212
      </div>
      <template slot="msg1" slot-scope="{ msg }">
        <div>{{ msg }}</div>
      </template>
      <template v-slot:msg2="{ msg }">
        <div>{{ msg }}</div>
      </template>
    </V11092>
  </div>
</template>

<script>
import V11092 from "./V11092";
// 组件里面的选项对象  --> 构造器
export default {
  // 定义当前组件的状态
  data() {
    return {
      // plan: "aaaaa",
      // theName: "ssssssss",
      // one: 1,
      // two: 2,
      nameObj: {
        name: "thisName",
      },
      // radiomdl: "",
      // isActive: true,
      // checked: false,
      // checkboxname: [],
      // msg: "msgmsg",
      // name: "tyui",
      // stybackcolor: { background: "yellow" },
      // stycolor: { color: "blue" },
      // styobj: {
      // color: "red",
      // fontSize: "26px"
      // }
    };
  },
  components: {
    V11092,
  },
  methods: {
    autoclk(one, two) {
      console.log(one, two);
      this.one = one;
      this.two = two;
    },
  },
};
</script>

<style></style>
